<template>
  <van-cell center
            :title="name"
            :label="author + '-' +name"
            :key="id">
    <template #right-icon>
      <van-icon name="play-circle-o"
                class="search-icon"
                size=".6rem" 
                @click="playfn"
                />
    </template>
  </van-cell>
</template>

<script>
export default {
  props: {
    name:String,
    author:String,
    id:Number
  },
  methods: {
    playfn(){
      this.$router.push({
        path:'/play',
        query:{
          id:this.id
        }
      })
    }
  }
}
</script>

<style>
</style>